<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title>前端开发库</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
	<div class="menu">
		<a class="current" href="">主菜单</a>
		<a href="">面包屑</a>
		<a href="">焦点图</a>
		<a href="">轮播图</a>
		<a href="">其他</a>
	</div>
	<div class="content">
		<div class="casebox ">
			<ul>
				<li><a href=""><img src="images/case1.jpg" alt="例子1">横向主菜单</a></li>
				<li><a href=""><img src="images/case1.jpg" alt="例子1">横向主菜单</a></li>
				<li><a href=""><img src="images/case1.jpg" alt="例子1">横向主菜单</a></li>
				<li><a href=""><img src="images/case1.jpg" alt="例子1">横向主菜单</a></li>
				<li><a href=""><img src="images/case1.jpg" alt="例子1">横向主菜单</a></li>
				<li><a href=""><img src="images/case1.jpg" alt="例子1">横向主菜单</a></li>
				<li><a href=""><img src="images/case1.jpg" alt="例子1">横向主菜单</a></li>
				<li><a href=""><img src="images/case1.jpg" alt="例子1">横向主菜单</a></li>
			</ul>

		</div>
		<div class="showbox">
			<img src="images/cases.jpg" alt="">	
			<textarea class="fn_hide" name="" id="" cols="300" rows="30"></textarea>
			<pre></pre>
		</div>
		<div class="butbox ">
			<a href="" class="but">生成代码</a>
			<a href="" class="but">预览效果</a>
		</div>
	</div>










</body>

</html>